import { useState } from 'react'
import Taro, { FC } from "@tarojs/taro"
import { View, Image } from "@tarojs/components"
import "taro-ui/dist/style/components/tabs.scss";
import './index.scss'

//机构粉丝
export const OrgFans: FC = () => {
  const [isAttention, setIsAttention] = useState(false)  //是否关注了  

  //是否点击了关注
  const isClickAttention = () => {
    setIsAttention(!isAttention)
  }
  return (
    <View className='index'>
      <View className='main'>
        <View className='content'>
          <View className='left'>
            {/* <Image className='tx_img' src='https://leconglive-wxapp-1301839528.file.myqcloud.com/wxIcon/tx.png' ></Image> */}
            <Image className='tx_img' src={ASSETS_PATH + '/default_avator.png'} ></Image>
          </View>
          <View className='right'>
            <View className='right-ct'>
              <View className='useName'>张三</View>
              <View className='describe'>著名脱口秀演员，曾参演过各视剧</View>
            </View>
            <View className={isAttention ? 'attention1' : 'attention'} onClick={isClickAttention}>{isAttention ? '已关注' : '关注'}</View>
          </View>
        </View>
      </View>
    </View>
  )
}
export default OrgFans